<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="./css/mui.min.css">
</head>
<body>
    <div class="mui-content">
        <ul class="mui-table-view">
            <li id="projectEntry" class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    项目录入
                </a>
            </li>
            <li id="singlePrjRead" class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    单一项目浏览
                </a>
            </li>
            <li id="systemPrjRead" class="mui-table-view-cell">
                <a class="mui-navigate-right">
                    系统项目浏览
                </a>
            </li>
        </ul>
    </div>
</body>
<script src="./js/mui.min.js"></script>
<script>
    mui.init();
    mui.ready(function(){
        //列表点击事件
        mui('ul').on('tap','li',function(){
            var pageId = this.id;
            mui.openWindow({
                url:'./pages/' + pageId + '.html',
                id:'pageId'
            });
        });
    });
</script>
</html>